<!DOCTYPE html>
<html>
<head>
	<title>NEd</title>
	<link rel="stylesheet" href="/library/static/css/details.css"/>
	<script type="text/javascript" src="/library/static/js/jquery-2.0.3.js"></script>
</head>
<body style="background-image:url({{ wallpaper }}); background-repeat: no-repeat;">

	<header>
	<div class="container">
		<h1 class="logo"><a href="/main/">NEd</a></h1>
		<h3>{{ filename }}</h3>
		<div class="detail_button">
			<a href="/library/{{ library }}">Library {{ library }}</a>
		</div>
		<div class="detail_button">
			<a href="/library/{{ library }}/details/{{ id }}/movies">Not my movie</a>
		</div>
		<div class="detail_button">
			<a href="/library/{{ library }}/details/{{ id }}/wallpapers">Change wallpaper</a>
		</div>
	</div>
	</header>

	<div class="container">
		<div class="jumbo">
			<h2>{{ title|default("title not defined") }}</h2>
		</div>
	</div>
	<div class="poster">
		<a href="/library/{{ library }}/details/{{ id }}/posters">
			<img src="{{ poster }}"/>
		</a>
	</div>
	<div>
		<a class="synopsis">{{ synopsis }}</a>
	</div>
	<div>
		<ul class="season_list columns-8">
			{% for season in seasons %}
			<li class="season_thumbnail">
				<a href="/library/{{ library }}/details/{{ season.id }}">
					<img src="/library/{{ library }}/{{ season.poster }}" class="poster"/>
					<h5>{{ season.title }}</h5>
				</a>
			</li>
			{% endfor %}
		</ul>
	</div>
</body>
</html>
